<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>弹出式商品查看页面</title>
    <link rel="stylesheet" href="layui-v2.6.7/css/layui.css">
    <link rel="stylesheet" href="css/product_magnifier.css">
    <link rel="stylesheet" href="css/dome.css">
</head>
<body>
    <div class="product" id="createMagnifier" data-id="#imgAbuml">
    </div>
    <hr>
    <div id="imgAbuml" class="layui-hide">
        <p class="title">爱国者（aigo）A15全侧透 黑色分体式游戏办公电脑机箱/支持ATX主板/亚克力全</p>
        <p class="price">￥300.00</p>
        <div class="imglist">
            <input name="imgsrc" type="hidden" value="img/1.jpg"/>
            <input name="imgsrc" type="hidden" value="img/2.jpg"/>
            <input name="imgsrc" type="hidden" value="img/3.jpg"/>
            <input name="imgsrc" type="hidden" value="img/4.jpg"/>
            <input name="imgsrc" type="hidden" value="img/5.jpg"/>
            <input name="imgsrc" type="hidden" value="img/1.jpg"/>
            <input name="imgsrc" type="hidden" value="img/2.jpg"/>
            <input name="imgsrc" type="hidden" value="img/3.jpg"/>
            <input name="imgsrc" type="hidden" value="img/4.jpg"/>
            <input name="imgsrc" type="hidden" value="img/5.jpg"/>
        </div>
    </div>
</body>
<script src="layui-v2.6.7/layui.js"></script>
<script src="js/product_magnifier.js"></script>
<script>
    window.onload = function(){
        qy.init({
            "elem":"#createMagnifier",
            //"index":8,     //设定初始选定图片，默认0
            "history":true  //开启记忆模式，每次打开都是选定项
        });
        qy.save({
            "index":0
        })
    }
</script>
</html>